html, body {
    height: 100%;
    overflow: hidden;
}


body{
    background:transparent url(../imgs/bg.jpg) no-repeat scroll left -200px;
    font-family:Arial,Helvetica,sans-serif;
    font-size:12px;
    margin: 0px;
    padding: 0px;
}

/**
 * Style for header
 */


#title {
    background:transparent url(../imgs/logo_48.png) no-repeat scroll 0 0;
    height:48px;
    width:48px;
}

.ubi-editor-bar-btns {
    padding-left:5px;
}


#tabs-nav {
    -moz-border-radius-bottomright: 0px !important;
    -moz-border-radius-topright:    0px !important;
    border-bottom-right-radius:     0px !important;
    border-bottom-left-radius:      0px !important;
    -moz-box-shadow:0 0 0;
    box-shadow: 0 0 0;
    -o-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    margin: 0;
    padding:0;
    border-bottom-width:0;
}

#tabs-btns {
    height: 43px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-bottomleft:0px;
    -moz-border-radius-bottomright:0px;

}


/**
 * Center
 */ 
#content-wrap {
    padding: 0px 5px;
    margin: 0 15px 0 0;
    border-left: 0px;
    border-top:0px;
    -moz-box-shadow:0 0 0;
    box-shadow: 0 0 0;
    -o-box-shadow: 0 0 0;
    -webkit-box-shadow: 0 0 0;
    height: 100%;
}

#content {
    -webkit-box-shadow: #4B4B4B 0px 0px 15px inset; 
    margin: 0;
    height: 100%;
}

.content-view {
    height: 100%;
    overflow-y:auto;

}
/**
 * Start page
 **/

/**
 * Notebook View
 */
.note-item {
    float:left;
    height:96px;
    margin:10px;
    width:96px;
}

.note-item-title {
    margin:0 auto;
    text-align:center;
}

.note-item-icon-wrap {
    display:block;
    height:64px;
    margin:3px auto 0 auto;
    width:64px;
}

.note-item-icon {
    border: 0;
}

.note-item:hover {
    -moz-border-radius-bottomleft:8px;
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-topleft:8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 8px;
    background-color: rgba(0,0,0,0.4);
}
.note-item-btns{ 
    -moz-border-radius-bottomright:8px;
    -moz-border-radius-topright:8px;
    border-bottom-right-radius: 8px;
    border-top-right-radius: 8px;
    background-color: rgba(0,0,0,0.4);

    display: none;
    float:right;
    height:64px;
    margin-right:-16px;
    position:relative;
    width:16px;
}

.note-item-remove-btn-wrap {
    background:transparent url(../imgs/icons/16x16/trash.png) repeat scroll 0 0;
    float:right;
}

.note-item-title {
    color: #fff;
}


/**
 * search view
 */ 
#search-view-content {
    height: 100%;
    overflow: auto;
}


.result-item {
    margin: 15px 0;
}

.result-item .result-item-title a{
    font-size:16px;
    color: #FFE100;
    font-weight: bold;
}

.result-item .result-item-title  {
    display: inline;
}

.result-item .result-item-content{
    color: #fff;
}

.result-item .hlight {
    color: #ff0000;
    font-weight: bold;
}

/**
 * Normal Item View
 */
div.block-item-content {
    margin: 5px 5px 5px 20px;
    max-width:660px;
    min-height: 50px;
    line-height:1.5em;
}

div.block-item-inner {
    background-color:#ECECA3;
    border:1px solid #FFFFFF;
    width:auto;
}

.note-view-content {
    width:100%;
    height:100%;
}
.note-view-content div.block-item-drag-handler {
    background:transparent url(../imgs/block-handler.png) repeat scroll 0 0;
    padding-right:28px;
}
.note-view-content div.block-item-wrapper {
    background:transparent url(../imgs/block-bg.png) repeat scroll 0 0;
    padding:3px;
}
.note-view-content .block-item-ul {
    height:99%;
    margin:0;
    padding:0 0 20px 0;
}
.note-view-content .block-item {
    list-style-type:none;
    margin:20px 20px 25px 20px;
}
.note-view-content .block-item-selected {

}

.block-item-meta {
    margin: 0 0 0 16px;
    font-size: 9px;
    color: #aa0000;
}

.block-item-brief {
    margin: 0 0 0 16px;
    color: #000;
    opacity: 0.6;
}

.block-item-fold-btn {
    background: transparent url(../imgs/icons/16x16/toggle-fold.png);
    display: block;
    height: 16px;
    width: 16px;
}

.block-item-ctrl {
    float:right;
    margin:0 5px 5px 0;
    width:15%;
}
.block-item-tag-bar {
    border-top:1px solid #B1B1B1;
    line-height:2em;
    margin-left:10px;
    max-width:80%;
    min-height:20px;
    padding:0;
}
.block-item-tag{
    background-color:#000000;
    color:#FFFFFF;
    margin:5px;
    opacity:0.7;
    padding:2px 10px;
    text-decoration:none;
}

.ic16-remove {
    background:transparent url(../imgs/icons/16x16/trash.png) repeat scroll 0 0;
    float:right;
}

.ic16-moveto {
    background:transparent url(../imgs/icons/16x16/move.png) repeat scroll 0 0;
    float:right;
}

.ic16-edit {
    background:transparent url(../imgs/icons/16x16/edit.png) repeat scroll 0 0;
    float:right;
}

.ic16-pin {
    background:transparent url(../imgs/icons/16x16/pin.png) repeat scroll 0 0;
    float:right;
}


.ic16-cite {
    background:transparent url(../imgs/icons/16x16/cite.png) repeat scroll 0 0;
    float:right;
}

.ic16-tag {
    background:transparent url(../imgs/icons/16x16/tag.png) repeat scroll 0 0;
    float:right;
    margin:0 10px;
}

/**
 *	Basic Layout 
 * 
 */
.ui-layout-pane { /* all 'panes' */ 
    overflow: hidden;
} 

.ui-layout-resizer { /* all 'resizer-bars' */ 
    background: #DDD; 
} 

.ui-layout-toggler { /* all 'toggler-buttons' */ 
    background: #AAA; 
}

/**
 * jQuery UI tabs
 */ 
.ui-tabs {
    height: 100%;
    width: 100%;
}
.ui-tabs .ui-tabs-hide {
     display: none;
}
.ui-tabs-nav {
    padding: 0;
    list-style: none;
    display: block;
}

.ui-corner-top {
    -moz-border-radius: 8px;
    border-radius: 8px;
    background-color:#000000;
    padding: 1px 8px;
    margin: 3px 0px;
    line-height:1.3em;
    overflow:hidden;
    opacity: 0.8;
}

.ui-corner-top:hover {
    opacity: 1;
}


.ui-corner-top .tab-label {
    color: #fff;
    text-decoration: none;
    height: 16px;
    line-height: 16px;
    display:block;
}

.ui-corner-top img {
    border: 0;
}
.ui-tabs-selected {
    background: #fff none no-repeat 0 0;
    opacity: 1;
}

.ui-tabs-selected .tab-label {
    color: #000;
}

/* jQuery qTip
 * */


